@import './base.css';


:root {
  --page-height: calc(100vh - 230px);

}
.w1200{
  width: 1200px;
  margin: 0 auto;
}

.w1136 {
  width: 1200px;
  margin: 0 auto;
}
.w1440 {
  width: 1136px;
  margin: 0 auto;
}
.align-middle {
  align-items: center;
}

.mian-color {
  color: #303133;
}
.contentwidth {
  width:90%; /* 默认宽度（小屏幕） */
  max-width:90%; /* 最大宽度限制 */
  margin: 0 auto; /* 水平居中 */
}

    /* 媒体查询：平板（≥768px） */
    @media (min-width: 768px) {
      .contentwidth{
        width: 90%;
        max-width: 720px; /* 平板端最大宽度 */
      }
    }

    /* 媒体查询：桌面（≥1024px） */
    @media (min-width: 1024px) {
      .contentwidth{
        width: 80%;
        max-width: 960px; /* 桌面端最大宽度 */
      }
    }

    /* 媒体查询：大屏幕（≥1440px） */
    @media (min-width: 1440px) {
      .contentwidth {
        width: 70%;
        max-width: 1200px; /* 大屏幕最大宽度 */
      }
    }